.container{
    width: 100%;
}
.top{
    height: 30px;
    background-color: #f5f5f5;
    font-size: 14px ;
    color: #a2a2a2;
    .left{
        cursor: pointer;
        &:hover{
            color: #6ed6fd;
        }
    }
    .right{
        cursor: pointer;
        height: 100%;
        .r-item{
            height: 100%;
            line-height: 30px;
            padding: 0 5px;
            &:hover{
                color: #6ed6fd;
                background-color: #FFF;
            }
        }
    }
}
.top_label{
    width: 1200px;
    margin: 0 auto;
}
.search-container{
    height: 100px;
}
.search-content{
    width: 1200px;
    margin: 0 auto;
}
.search-input-border{
    width: 50%;
    padding: 0 10px;
    height: 40px;
    border-radius: 16px;
    border: 1px solid #41b0d9;
}
.search-button{
    cursor: pointer;
    text-align: center;
    line-height: 32px;
    color: #ffffff;
    font-size: 20px;
    width: 70px;
    height: 32px;
    background: #41b0d9;
    border-radius: 16px;
}
.shop-logo {
    height: 90px;
    width: auto;
    cursor: pointer;
}


.nav{
    height: 40px;
}
.nav-container{
    width: 1200px;
    margin: 0 auto;
}
.nav-fix {
    flex-shrink: 0;
    width: 198px;
    height: 38px;
    border: 1px solid #41b0d9;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #41b0d9;
    margin-right: 20px;
    cursor: pointer;
}
.active {
    background-color:#41b0d9;
    color: #fff;
}
.nav-item {
    flex-shrink: 0;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    padding: 0 10px;
    border-radius: 13px;
    margin-right: 20px;
}